<html>
	<head>
    <base href="http://01-shu1-xsx.oss-cn-hangzhou.aliyuncs.com">
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="msapplication-tap-highlight" content="no" />
		<title>二八杠</title>
		<link rel="stylesheet" href="./files/css/loading_new.css">
		<link rel="stylesheet" type="text/css" href="./files/css/erba.css">
		<link rel="stylesheet" type="text/css" href="./files/css/erba2.css">
		<link rel="stylesheet" type="text/css" href="./files/css/alert.css">
		<link rel="stylesheet" type="text/css" href="./files/css/ncomm.css">
		<link rel="stylesheet" type="text/css" href="./files/css/alertbox.css">
		<script type="text/javascript" src="./files/js/fastclick.js"></script>
		<script type="text/javascript" src="./fiesc/js/aes.js"></script>
		<script type="text/javascript" src="./files/js/md5.js"></script>
		<script type="text/javascript" src="./files/js/base64.js"></script>
		<script type="text/javascript">var AAALoadReturnCode="";</script>
		<script type="text/javascript">
			document.write('<script type="text/javascript" src="./js/config.js?v=' + new Date().getTime() + '"> <\/script>');
			document.write('<script type="text/javascript" src="./js/load.js?v=' + new Date().getTime() + '"> <\/script>');
			//var vConsole = new VConsole();
			//var vConsole = new window.VConsole();
		</script>

		<script>
			var maxCount = 4;
			document.documentElement.style.fontSize = document.documentElement.clientWidth / 360 * 100 + 'px';
			window.addEventListener('load', function() {
				FastClick.attach(document.body);
			}, false);

			// var room_number = DynLoading.getUrlParam("i").replace("_", "");
			// var obj = DynLoading.hall(BaseUrl + '/home1/room' + "?i=" + room_number + "_");
			// if (obj.result != 0) {
			// 	alert(obj.result_message);
			// 	var return_url = window.location.href;
			// 	console.log(return_url);
			// 	window.location.href = '/index.html?return_url=' + return_url + '&t=' + obj.data.t;
			// }
			// console.log(obj);

			// var newNum = "";
			// var per = window.innerWidth / 530;
			// var globalData = {
			// 	"card": obj.data.card,
			// 	"roomNumber": room_number,
			// 	"socket": obj.data.socket,
			// 	"hallPath": "/index.html",
			// 	"roomUrl": window.location.href,
			// 	"baseUrl": BaseUrl + "/",
			// 	"fileUrl": "/",
			// 	"cfileUrl": "/",
			// 	"isWechat": obj.data.is_weixin,
			// 	"isXianliao": obj.data.is_xianliao,
			// 	"xlTitle": "(房间号:" + room_number + ")",
			// 	"roomStatus": obj.data.room_status,
			// 	"room_status": obj.data.room_status,
			// 	"scoreboard": obj.data.balance_scoreboard,
			// 	"session": obj.data.session,
			// 	"shareTitle": obj.data.platfrom_name + "：二八杠(房间:" + room_number + ")",
			// 	"gameType": obj.data.game_type,
			// 	"maxCount": obj.data.max_count,
			// 	"tk": obj.data.tk,
			// 	"hallName": obj.data.platfrom_name,
			// 	"gameName": "二八杠",
			// 	"qrUrl": BaseUrl + "/qr/index?url=" + encodeURIComponent(window.location.href) + "&number=" + room_number
			// };
			// var userData = {
			// 	"accountId": obj.data.user.account_id,
			// 	"nickname": obj.data.user.nickname,
			// 	"avatar": obj.data.user.headimgurl,
			// 	"individuality": obj.data.user.individuality,
			// };
			// var configData = {
			// 	"appId": obj.data.config_ary.appId,
			// 	"timestamp": obj.data.config_ary.timestamp,
			// 	"nonceStr": obj.data.config_ary.nonceStr,
			// 	"signature": obj.data.config_ary.signature,
			// };
			// 修改浏览器title
			// var new_userName = "";
			// var old_userNname = obj.data.user.nickname;
			// if (old_userNname.length > 8) {
			// 	new_userName = old_userNname.substring(0, 7);
			// 	new_userName += "..."
			// } else {
			// 	new_userName = old_userNname;
			// }
			// document.getElementsByTagName("title")[0].innerText = new_userName + "|" + globalData.hallName;

			// function gotoHall() {
			// 	// window.location.href = "<?php echo $base_url;?>home/index";
			// 	window.location.href = "/index.html";
			// }

			// document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
			// 	// 通过下面这个API隐藏右上角按钮
			// 	WeixinJSBridge.call('hideOptionMenu');
			// });
		</script>
	</head>

	<body>
		<div id="dialog" style="display:none">
			<img src="./files/images/common/cancel.png" onclick="fuzhiMain.closeDialog()">
			<p id="main" class="main">
			</p>
			<p class="other">
				请手动复制
			</p>
		</div>

		<span class="copy-tip" id="tips" style="display:none">已复制到剪贴板</span>
		<img src="./files/images/common/33fz.png" class="needsclick zhuonuo copyUrl" data-clipboard-action="copy"
			id="copy_btn" onclick="fuzhiMain.link()" />
		<textarea id="room_str" readonly="readonly"></textarea>

		<div style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000" id="loading">
			<div class="load4">
				<div class="loader">Loading...</div>
			</div>
		</div>

		<div class="main" id="app-main" style="display: none;'">
			<div class="window-masks return-index" id="returnIndex" v-show="isShowHomeAlert">
				<div class="border-opacity">
					<div class="container f-cb"><i class="mask-icon mask-top"></i><i class="mask-icon mask-right"></i><i
							class="mask-icon mask-bottom"></i><i class="mask-icon mask-left"></i>
						<div class="main">确认返回主页？</div>
						<div class="button">
							<div class="sure" id="returnIndexBtn" v-on:click="hall">返回首页</div>
							<div class="cancel" id="cancelBtn" v-on:click="closeHomeAlert">取消</div>
						</div>
					</div>
				</div>
			</div>

			<div class="window-masks return-index" id="returnIndex" v-show="isShowAlert && !add_user">
				<div class="border-opacity">
					<div class="container f-cb"><i class="mask-icon mask-top"></i><i class="mask-icon mask-right"></i><i
							class="mask-icon mask-bottom"></i><i class="mask-icon mask-left"></i>
						<div class="main">{{alertText}}</div>
						<div class="button">
							<div class="sure" id="returnIndexBtn" v-on:click="hall">返回首页</div>
						</div>
					</div>
				</div>
			</div>

			<!--自动准备-->
			<div class="auto-ready" v-on:click="autoReady()">
				<img v-show="appData.isAutoReady==1" src="./files/images/common/ready_true2.png">
				<img v-show="appData.isAutoReady==0" src="./files/images/common/ready_false2.png">
			</div>

			<div class="disconnect" v-show="!connectOrNot"
				style="position: fixed;top:45%;left: 0;width: 100%;text-align: center;z-index: 101">
				<div
					style="width: 250px;height:27px;position: absolute;top:-2;left: 50%;margin-left: -125px;background: #000;opacity: .5;border-radius:15px;">
				</div>
				<a style="font-size: 16px;color: #fff;padding: 5px 14px;position:relative;">已断开连接，正在重新连接...</a>
			</div>

			<!-- <img class="bottom"  src="./files/images/nbull/bottom.png" /> -->

			<!--    <div class="myText" v-on:click="showIndividuality">
        <img  src="./fiesc/images/common/myText.png" />
        <div class="textContainer">
            <div class="textbg"></div>
            <div class="text">{{userData.individuality}}<span v-if='userData.individuality==""'>点击设置</span> </div>
        </div>
    </div> -->
			<!-- 老版防伪码弹窗 -->
			<!--  <div style="display: none;" v-show="isShowIndividuality==1">
        <div class="individuaMask" style="" v-on:click="hideIndividuality"></div>
        <div class="individuaFrame" style="">
            <div class="title" >防伪码设置</div>
            <div class="text">
                <input v-model="individuality" v-on:input="individualityChange()" type="text" placeholder="设置1-6位英文或数字防伪码">
            </div>
            <div class="error" >{{individualityError}}</div>
            <div class="buttonContainer" v-on:click="setIndividuality">
                <div class="button">确认</div>
            </div>
            <div class="buttonClose" v-on:click="hideIndividuality">
                <img src="./files/images/common/close.png">
            </div>
        </div>
    </div> -->

			<!--防作弊未设置-->
			<div v-show="isShowIndiv" class="indiv-mask">
				<div class="indiv-box">
					<div class="indiv-box-info">
						<div class="hide-indiv" @click="hideIndividuality()"></div>
						<div class="indiv-title"></div>
						<div class="enter-indiv">
							<input type="text" placeholder="请输入个性暗号" v-model="individuality">
						</div>
						<div class="confirm-indiv" @click="setIndividuality()"></div>
					</div>
				</div>
			</div>

			<!--防作弊确认框-->
			<div v-if="isShowIndivConfirm" class="indiv-mask">
				<div class="indiv-box"
					style="width: 80vw;background: url(./files/images/daoyou/indiv/box.png);background-size: 100% 100%;">
					<div class="indiv-box-info">
						<div class="hide-indiv" @click="hideIndivConfirm()"></div>
						<div class="indiv-title"></div>
						<div class="tip-text"></div>
						<div class="btn-indiv" @click="hideIndivConfirm()"></div>
						<div class="confirm-indiv2" @click="socketModule.setIndividualitys()"></div>
					</div>
				</div>
			</div>

			<!--已设置过防作弊-->
			<div v-if="isShowIndividuality" class="indiv-mask">
				<div class="indiv-box" style="background: url(./files/images/daoyou/indiv/box.png);background-size: 100% 100%;">
					<div class="indiv-box-info">
						<div class="hide-indiv" @click="hideIndividuality()"></div>
						<div class="indiv-title"></div>
						<div class="indiv-content">
							<div class="person-info">
								<img :src="userData.avatar" class="avatar">
								<div class="name">{{userData.nickname}}</div>
								<div class="id">编号: {{userData.accountId}}</div>
							</div>
							<img src="./files/images/daoyou/package/line.jpg" style="width: 90%;margin-left: 5%;margin-top: 0.1rem;">
							<div class="my-indiv">
								<span class="label">防作弊暗号</span>
								<span class="my-indiv-text">{{userData.individuality}}</span>
							</div>
							<div style="font-size: 0.15rem;margin-left: 4vw;color: #8a6737">请认准反作弊暗号和编号</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 侧边弹框 -->
			<div class="icon-more-mask" @click="hideIconMore"></div>
			<div class="icon-more" @click="showIconMore">
				<span class="game-indiv" v-on:click="showIndividuality"></span>
				<span class="game-rule" v-on:click="showGameRule"></span>
				<span class="game-sound" v-on:click="showAudioSetting"></span>
			</div>
			<!--<div>
        <img class="roundButton bottomGameRule" src="/files/images/common/icon_description.png" v-on:click="showIntro" style="z-index: 90">
        <img class="roundButton bottomGameHistory" src="/files/images/common/icon_rule.png" v-on:click="showGameRule" style="z-index: 90">
        <img class="roundButton addFriend" src="/files/images/common/icon_sound.png" v-on:click="showAudioSetting" />
        <img class="roundButton bottomGameMessage" src="/files/images/common/icon_message.png" v-on:click="showMessage">
    </div>-->
			<div>
				<!-- <img class="roundButton bottomGameRule" src="./files/images/erba/game-rules13.png" v-on:click="showGameRule" style="z-index: 110"> -->
				<!-- <img class="roundButton bottomGameHistory" src="./files/images/erba/return-index13.png" v-on:click="showHomeAlert()" style="z-index: 110"> -->
				<img class="roundButton addFriend" src="./files/images/common/return-index3.png" v-on:click="showHomeAlert()"
					style="z-index: 110">
				<!-- <img class="roundButton addFriend" src="./files/images/erba/game-music1.png" v-if="editAudioInfo.backMusic==1" v-on:click="confirmAudioSetting"> -->
				<!-- <img class="roundButton addFriend" src="./files/images/erba/game-music2.png" v-if="editAudioInfo.backMusic==0" v-on:click="confirmAudioSetting"> -->
				<!-- <img class="roundButton bottomGameMessage" src="./files/images/erba/game-chat.png" v-on:click="showMessage"> -->
				<img class="roundButton bottomGameMessage" src="./files/images/common/game-chat02.png" v-on:click="showMessage">
			</div>
			<div class="gameRound">{{game.round}}&nbsp/&nbsp{{game.total_num}}&nbsp局</div>

			<!-- 聊天室 -->
			<img class="toChat" src="./files/images/daoyou/hall/btn_chat.png" v-on:click="goToChat">

			<div class="table" id="table" v-on:click="confirmAudioSetting('1')">
				<img class="tableBack" :src="tableSkin" />
				<!--
				<img class="tableBack" src="./files/images/hall/hall-name.png"
					style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.4rem;height: 0.4rem;" />
				-->
				<div style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.6rem;height: 0.35rem;text-align:center;font-size: 0.30rem;color:#0A78B5;font-weight:bold;letter-spacing:0.06rem;font-family: '华文新魏'" >{{hallTitle}}</div>
				<div class="roomNum"
					style="position: absolute;top: 40%;left: 50%;text-align: center;transform: translateX(-50%);color: #66a6d2;font-size: 0.15rem;">
					房号:{{globalData.roomNumber}}
				</div>
				<div v-show="userData.individuality" class="roomNum" style="position: absolute;top: calc(50% + 40px);left: 50%;text-align: center;transform: translateX(-50%);color: #66a6d2;font-size: 0.15rem;">
					防伪码:{{userData.individuality}}
				</div>
				<!-- 钓鱼选手  	-->
				<div class="fish" v-show="!game.fish_member">钓鱼区</div>
				<div class="memberUp" v-for="p in player" v-bind:class="'memberUp' + p.num" v-if="p.num>4">
					<div v-show="p.account_id>0">
						<div>
							<img v-bind:src="p.headimgurl" class="avatar">
							<div class="info">
								<div class="back"></div>
								<div class="name">{{p.nickname}}</div>
								<div class="score">{{p.account_score}}</div>
							</div>
						</div>
						<div class="memberScoreText" v-bind:class="'memberScoreText' + p.num" style="display: none;">
							<label v-show="p.single_score<0"
								style="position: absolute; top:6vh; line-height: 6vh; width: 100%; height: 6vh; text-align: center;color: white; font-size: 2.4vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055;display:none; ">{{p.single_score}}</label>
							<label v-show="p.single_score>0"
								style="position: absolute; top:6vh; line-height: 6vh; width: 100%; height: 6vh; text-align: center;color: rgb(234,171,55); font-size: 2.4vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;display:none; ">+{{p.single_score}}</label>
							<label v-show="p.single_score==0"
								style="position: absolute; top:6vh; line-height: 6vh; width: 100%; height: 6vh; text-align: center;color: rgb(234,171,55); font-size: 2.4vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;display:none; ">0</label>
						</div>
					</div>
				</div>


				<!-- 玩家  -->
				<div v-for="p in player" class="member" v-bind:class="'member' + p.num" v-if="p.num<5">
					<!-- 玩家背景框 -->
					<img src="./files/images/common/player_bg.png" class="background" v-show="p.account_id>0">
					<img src="./files/images/common/player_selected2.png"
						style="position: absolute; top: 10%; left: 10%; width: 82%; height: 82%;" v-show="p.is_banker">

					<!-- 玩家昵称 -->
					<div class="title" v-show="p.account_id>0">{{p.nickname}}</div>
					<!-- 玩家头像 -->
					<img v-bind:src="p.headimgurl" class="avatar" v-show="p.account_id>0">
					<!-- 玩家积分 -->
					<div class="score" v-show="p.account_id>0">{{p.account_score}}</div>
					<!-- 玩家身份 -->
					<img src="./files/images/erba/icon_zhuang.png" class="status" v-show="p.is_banker">
					<img src="./files/images/erba/icon_xian.png" class="status" v-show="!p.is_banker">


					<img v-bind:id="'banker' + p.account_id" src="./files/images/common/player_selected2_bg.png"
						class="background" style="position: absolute; top: 10%;left: 10%;width: 82%; height: 82%; display: none;" />
					<img v-bind:id="'bankerAnimate' + p.num" src="./files/images/common/player_selected2.png"
						style="position: absolute; top: 10%; left: 10%; width: 82%; height: 82%;display: none; ">
					<img v-bind:id="'bankerAnimate1' + p.num" src="./files/images/common/player_selected2.png"
						style="position: absolute; top: 10%; left: 10%; width: 82%; height: 82%; display: none;">

					<img src="./files/images/erba/fapai.png" class="fapaikuang"
						style="position: absolute; top: 10%;left: 10%;width: 82%; height: 82%;z-index: 1;"
						v-show="game.light==p.num" />
					<img src="./files/images/erba/fapai1.png" class="fapaikuang1"
						style="position: absolute; top: 10%;left: 10%;width: 82%; height: 82%;z-index: 1;"
						v-show="game.light==p.num" />


					<!-- 玩家离开或不在线 -->
					<div class="quitBack" v-show="(p.num>1&&p.online_status==0)||p.account_id==0"> </div>
					<!-- 玩家手牌 -->
					<div class="majiang">
						<!-- 发牌 -->
						<div class="majiangTemp" style="display: none;">
							<img src="./files/images/erba/majiang2.png" class="outer" />
							<img src="./files/images/erba/majiang2.png" class="outer moved" />
						</div>
						<div class="majiangTemp1" style="display: none;">
							<img src="./files/images/erba/majiang2.png" class="outer" />
							<img src="./files/images/erba/majiang2.png" class="outer moved" />
						</div>
						<!-- 翻牌 -->

						<div class="majiangSet" v-for="(i,index) in position_info"
							v-if="(p.account_status==9||p.account_status==10)&&p.num==1&&(index+1)==p.serial_num">
							<div class="outer">
								<img src="./files/images/erba/majiang2.png" class="ani" v-show="animate.majiang1==0&&p.animate!=4"
									v-on:click="seeMyCard(1)" />
								<img src="./files/images/erba/majiang3.png" class="ani" v-show="animate.majiang1==1"
									style="margin-bottom: -.5vh;" />
								<img src="./files/images/erba/majiang4.png" class="ani" v-show="animate.majiang1==2" />
								<img src="./files/images/erba/majiang5.png" class="ani" v-show="animate.majiang1==3"
									style="margin-bottom: -.5vh;" />
								<img src="./files/images/erba/majiang6.png" class="ani" v-show="animate.majiang1==4||p.animate==4" />
								<img v-bind:src="'/files/images/erba/card'+i.card_info[0]+'.png'" class="inner"
									v-show="animate.majiang1==4||p.animate==4" />
							</div>

							<div class="outer moved">
								<img src="./files/images/erba/majiang2.png" class="ani" v-show="animate.majiang2==0&&p.animate!=4"
									v-on:click="seeMyCard(2)" />
								<img src="./files/images/erba/majiang3.png" class="ani" v-show="animate.majiang2==1"
									style="margin-bottom: -.5vh;" />
								<img src="./files/images/erba/majiang4.png" class="ani" v-show="animate.majiang2==2" />
								<img src="./files/images/erba/majiang5.png" class="ani" v-show="animate.majiang2==3"
									style="margin-bottom: -.5vh;" />
								<img src="./files/images/erba/majiang6.png" class="ani" v-show="animate.majiang2==4||p.animate==4" />
								<img v-bind:src="'/files/images/erba/card'+i.card_info[1]+'.png'" class="inner"
									v-show="animate.majiang2==4||p.animate==4" />
							</div>
						</div>

						<div class="majiangSet" v-for="(i,index) in position_info"
							v-if="(p.account_status==9||p.account_status==10)&&p.num!=1&&(index+1)==p.serial_num">
							<div class="outer">
								<img src="./files/images/erba/majiang2.png" class="ani" v-show="p.animate==0" />
								<img src="./files/images/erba/majiang3.png" class="ani" v-show="p.animate==1" />
								<img src="./files/images/erba/majiang4.png" class="ani" v-show="p.animate==2" />
								<img src="./files/images/erba/majiang5.png" class="ani" v-show="p.animate==3" />
								<img src="./files/images/erba/majiang6.png" class="ani" v-show="p.animate==4" />
								<img v-bind:src="'/files/images/erba/card'+i.card_info[0]+'.png'" class="inner" v-show="p.animate==4" />
							</div>
							<div class="outer moved">
								<img src="./files/images/erba/majiang2.png" class="ani" v-show="p.animate==0" />
								<img src="./files/images/erba/majiang3.png" class="ani" v-show="p.animate==1" />
								<img src="./files/images/erba/majiang4.png" class="ani" v-show="p.animate==2" />
								<img src="./files/images/erba/majiang5.png" class="ani" v-show="p.animate==3" />
								<img src="./files/images/erba/majiang6.png" class="ani" v-show="p.animate==4" />
								<img v-bind:src="'/files/images/erba/card'+i.card_info[1]+'.png'" class="inner" v-show="p.animate==4" />
							</div>
						</div>
					</div>



					<!-- 积分池 -->
					<div v-for="(i,index) in position_info" v-if="(index+1)==p.serial_num">

						<div class="scorePlace" v-show="p.account_status>7&&!p.is_banker">
							<div class="back"></div>
							<div class="totalScore">总注：{{i.chip.total}}</div>
							<div class="myScore" v-if="!player[game.user_num].is_banker">下注：{{i.chip.my_bet}}</div>
						</div>


						<div class="scorePlace" v-show="p.account_status==7&&!p.is_banker&&!player[game.user_num].is_banker">
							<div class="back"></div>
							<div class="totalScore">总注：{{i.chip.total}}</div>
							<img class="myScoreImg" v-bind:src="'/files/images/erba/coin'+i.chip.my_bet+'.png'"
								v-if="!player[game.user_num].is_banker&&i.chip.my_bet!=0">
						</div>

						<div v-bind:class="'scorePlace scorePlaceBanker scorePlace'+p.num"
							v-if="p.account_status==7&&!p.is_banker&&player[game.user_num].is_banker" style="height: 12vh;">
							<div class="back" style="height: 3vh;"></div>
							<div class="totalScore">总注：{{i.chip.total}}</div>
						</div>

						<!-- 下注框 -->
						<div class="PKbox"
							v-show="!p.is_banker&&player[game.user_num].account_status!=0&&player[0].account_status==7&&!player[game.user_num].is_banker&&i.chip.my_bet==0"
							v-on:click="showCoinArea(p.num)">
							<div class="PKboxBack"></div>
						</div>
					</div>

					<!-- 准备状态 game.round!=game.total_num-->
					<div class="gameStatus">
						<img src="./files/images/common/ready_text.png" class="ready"
							v-show="game.round!=game.total_num&&p.num!=1&&p.account_status==2&&p.account_id>0" />
						<img src="./files/images/erba/robBanker2.png" class="banker" v-show="p.num!=1&&p.account_status==4" />
						<img src="./files/images/erba/robBanker.png" class="banker" v-show="p.num!=1&&p.account_status==5" />
						<div class="memberScoreText" v-bind:class="'memberScoreText' + p.num" v-if="p.account_id>0"
							style="display: none;">
							<label v-show="p.single_score<0"
								style="position: absolute; line-height: 6vh; width: 100%; height: 6vh; text-align: center;color: white; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055;display:none; ">{{p.single_score}}</label>
							<label v-show="p.single_score>0"
								style="position: absolute; line-height: 6vh; width: 100%; height: 6vh; text-align: center;color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;display:none; ">+{{p.single_score}}</label>
							<label v-show="p.single_score==0"
								style="position: absolute; line-height: 6vh; width: 100%; height: 6vh; text-align: center;color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;display:none; ">0</label>
						</div>


						<div class="pointArea" v-for="(i,index) in position_info"
							v-if="(index+1)==p.serial_num&&p.account_status==10">
							<img src="./files/images/erba/point_bg.png" />
							<div class="point">{{i.card_text}}</div>
						</div>
					</div>

				</div>

				<!-- 玩家金币 -->
				<div id="playerCoins" style="display: none;">
					<div v-for='(p,index) in player' v-if="index<4">
						<div v-for='coin in p.coins' class="memberCoin" v-bind:class="coin">
							<img src="./files/images/erba/coin.png" style="position: absolute; width: 100%; height: 100%">
						</div>
					</div>
				</div>
				<!-- 玩家消息  -->
				<div v-for="p in player">
					<div class="messageSay" v-bind:class="'messageSay' + p.num" v-show="p.messageOn">
						<div>{{p.messageText}}</div>
						<div class="triangle"> </div>
					</div>
				</div>

				<!-- 上半场手牌  -->
				<div class="first_half_cards" v-show="game.first_half_cards.length>0||1">
					<div class="back"></div>
					<div class="title">手牌区</div>
					<div v-for="f in game.first_half_cards" class="cards">
						<img v-bind:src="'/files/images/erba/card'+f+'.png'" class="inner" />
					</div>
				</div>
				<!-- 倒计时和等待文字  -->
				<div class="clock" v-show="game.time>-1">
					{{game.time}}
				</div>
				<div class="waitingText" v-show="game.waiting_text_show">
					{{game.waiting_text}}
				</div>
				<!-- 色子  -->
				<div class="dice" v-show="dice.status>0">
					<div class="dice1">
						<img src="./files/images/erba/dice.gif" v-show="dice.status==1">
						<img v-bind:src="'/files/images/erba/'+dice.dice1+'.png'" v-show="dice.status>1">
					</div>
					<div class="dice2">
						<img src="./files/images/erba/dice.gif" v-show="dice.status==2">
						<img v-bind:src="'/files/images/erba/'+dice.dice2+'.png'" v-show="dice.status==3">
					</div>
				</div>

				<!-- 麻将堆  -->
				<div class="cardList" v-bind:style="'margin-left:'+(-5-majiangNum)+'vh'">
					<div class="majiangShow">
						<div v-for="c in majiangList" class="cardDown card" v-bind:style="'margin-left:'+((c.num-1)*4)+'vh;'"
							v-show="c.num<=10&&c.num<=animate.animate1">
							<img src="./files/images/erba/majiang1.png" class="outer" />
						</div>
						<div v-for="c in majiangList" class="cardUp card" v-bind:style="'margin-left:'+((c.num-11)*4)+'vh;'"
							v-show="c.num>10&&(c.num-10)<=animate.animate1">
							<img src="./files/images/erba/majiang1.png" class="outer" />
						</div>
					</div>

					<div v-if="majiangMoving&&majiangReset" class="majiangMoving">
						<div v-for="c in majiangList" v-bind:class="'cardDown card'+c.num"
							v-bind:style="'margin-left:'+((c.num-1)*4)+'vh;'" v-if="c.num<=(majiangNum/2)">
							<img src="./files/images/erba/majiang1.png" class="outer" />
						</div>
						<div v-for="c in majiangList" v-bind:class="'cardUp card'+(c.num-(majiangNum/2))"
							v-bind:style="'margin-left:'+((c.num-1-(majiangNum/2))*4)+'vh;'"
							v-if="c.num>(majiangNum/2)&&c.num<=majiangNum">
							<img src="./files/images/erba/majiang1.png" class="outer" />
						</div>
					</div>

					<div v-show="!majiangMoving&&majiangReset" class="majiangList">
						<div v-for="c in majiangList" v-bind:class="'cardDown card'+c.num"
							v-bind:style="'margin-left:'+((c.num-1)*4)+'vh;'" v-if="c.num<=(majiangNum/2)">
							<img src="./files/images/erba/majiang1.png" class="outer" />
						</div>
						<div v-for="c in majiangList" v-bind:class="'cardUp card'+(c.num-(majiangNum/2))"
							v-bind:style="'margin-left:'+((c.num-1-(majiangNum/2))*4)+'vh;'"
							v-if="c.num>(majiangNum/2)&&c.num<=majiangNum">
							<img src="./files/images/erba/majiang1.png" class="outer" />
						</div>
					</div>
				</div>

				<!-- 按钮操作区域 -->
				<div id="operationButton">
					<!-- 准备 -->
					<div v-show="game.round!=game.total_num" class="buttonCenter">
						<div class="buttonMiddle buttonCenter" class="unready"
							v-show="game.circle==-1&&game.user_id==player[0].account_id&&(player[0].account_status==1||player[0].account_status==0)&&(can_break==0||!player[game.user_num].is_banker)"
							v-on:click="imReady">准备</div>
						<img src="./files/images/common/ready_text.png" class="ready" v-show="player[0].account_status==2" />
					</div>
					<!-- 抢庄状态 -->
					<div v-show="player[0].account_status==4" class="buttonCenter">
						<img src="./files/images/erba/robBanker2.png" class="bankerStatus" />
					</div>
					<div v-show="player[0].account_status==5" class="buttonCenter">
						<img src="./files/images/erba/robBanker.png" class="bankerStatus" />
					</div>
					<div
						v-show="player[game.user_num].account_status!=0&&player[0].account_status==7&&!player[game.user_num].is_banker"
						class="buttonCenter">
						<img src="./files/images/erba/txt_tobet.png" class="bankerStatus" style="height: 4vh;" />
					</div>
					<div
						v-show="player[game.user_num].account_status!=0&&player[0].account_status==7&&player[game.user_num].is_banker"
						class="buttonCenter">
						<img src="./files/images/erba/txt_wait.png" class="bankerStatus" style="height: 4vh;" />
					</div>


					<div v-if="game.user_id==player[0].account_id">
						<div v-show="(animate.majiang1!=4||animate.majiang2!=4)&&player[0].account_status==9" class="buttonCenter">
							<img src="./files/images/erba/txt_clickcard.png" class="bankerStatus" style="height: 4vh;" />
						</div>

						<div class="alertNote"></div>
						<!-- 抢庄 -->
						<div v-show="player[0].account_status==3">
							<div class="buttonLeft buttonCenter" v-on:click="notRobBanker">不抢</div>
							<div class="buttonRight buttonCenter" v-on:click="robBanker(1)">抢庄</div>
						</div>
						<!-- 洗牌 -->
						<div class="buttonMiddle buttonCenter"
							v-show="player[0].account_status==6&&player[0].is_tianmen&&animate.animate1==0&&0" v-on:click="xiPai()">洗牌
						</div>

						<!-- 发牌 -->
						<div class="buttonCenter fapai" v-show="player[game.user_num].is_banker&&game.fapai">
							<img src="./files/images/erba/fa.png" class="buttonRound" v-on:click="faPai(1)">
						</div>
						<!-- 摊牌 -->
						<div class="buttonMiddle buttonCenter"
							v-show="animate.majiang1==4&&animate.majiang2==4&&player[0].account_status==9" v-on:click="showCard">摊牌
						</div>
						<!-- 下庄 -->
						<div
							v-show="game.round!=game.total_num&&game.circle==-1&&game.user_id==player[0].account_id&&player[0].account_status==1&&player[game.user_num].is_banker&&can_break==1">
							<div class="buttonLeft buttonCenter" v-on:click="quitCommit">下庄</div>
							<div class="buttonRight buttonCenter" v-on:click="imReady">准备</div>
						</div>
					</div>
				</div>
				<!-- 下注 -->
				<div class="setScore" v-for="p in player" v-bind:class="'setScore' + p.num"
					v-show="coinArea==p.num&&p.account_status==7">
					<div class="clickBack" v-on:click="hideCoinArea"></div>
					<div class="area">
						<div class="back"></div>
						<div class="triangle"></div>
						<div v-if="ruleInfo.chip_type==0">
							<img src="./files/images/erba/coin5.png" class="buttonRound" v-on:click="selectCoin(5)">
							<img src="./files/images/erba/coin10.png" class="buttonRound" v-on:click="selectCoin(10)">
							<img src="./files/images/erba/coin20.png" class="buttonRound" v-on:click="selectCoin(20)">
							<img src="./files/images/erba/coin30.png" class="buttonRound" v-on:click="selectCoin(30)">
						</div>
						<div v-if="ruleInfo.chip_type==1">
							<img src="./files/images/erba/coin10.png" class="buttonRound" v-on:click="selectCoin(10)">
							<img src="./files/images/erba/coin20.png" class="buttonRound" v-on:click="selectCoin(20)">
							<img src="./files/images/erba/coin30.png" class="buttonRound" v-on:click="selectCoin(30)">
							<img src="./files/images/erba/coin50.png" class="buttonRound" v-on:click="selectCoin(50)">
						</div>
						<div v-if="ruleInfo.chip_type==2">
							<img src="./files/images/erba/coin20.png" class="buttonRound" v-on:click="selectCoin(20)">
							<img src="./files/images/erba/coin30.png" class="buttonRound" v-on:click="selectCoin(30)">
							<img src="./files/images/erba/coin50.png" class="buttonRound" v-on:click="selectCoin(50)">
							<img src="./files/images/erba/coin80.png" class="buttonRound" v-on:click="selectCoin(80)">
						</div>
						<div v-if="ruleInfo.chip_type==3||ruleInfo.chip_type==4">
							<img src="./files/images/erba/coin30.png" class="buttonRound" v-on:click="selectCoin(30)">
							<img src="./files/images/erba/coin50.png" class="buttonRound" v-on:click="selectCoin(50)">
							<img src="./files/images/erba/coin80.png" class="buttonRound" v-on:click="selectCoin(80)">
							<img src="./files/images/erba/coin100.png" class="buttonRound" v-on:click="selectCoin(100)">
						</div>

					</div>
				</div>
			</div>
			<!-- 进游戏提示框 -->
			<div class="window-masks user-join" id="joinUser" v-show="isShowGameAlert">
				<div class="border-opacity">
					<div class="container">
						<i class="mask-icon mask-top"></i>
						<i class="mask-icon mask-right"></i>
						<i class="mask-icon mask-bottom"></i>
						<i class="mask-icon mask-left"></i>
						<div class="user-id">ID：<?php echo $room_number;?></div>
						<div class="main">
							<div class="copyBtn" style="position: fixed;top: 0.55rem;right: 0.04rem;">
								<div id="content" style="color:rgba(0, 0, 0, 0);position: fixed;bottom: 0;width: 0px; height: 0px;">
									牛魔王大厅牛牛邀请:<?php echo $base_url;?>/home/n?i=<?php echo $i;?>_?></div>
								<span
									style="width: 0.55rem; border-radius: 10px;border: 1px solid;padding: 0.02rem 0.045rem;color: rgb(255,227,104);"
									ng-click="copyLink()">复制链接</span>
							</div>

							<div class="rules" v-show="alertType==4">
								<p v-if="ruleInfo.banker_mode==1">模式：自由抢庄</p>
								<p v-if="ruleInfo.banker_mode==2">模式：明牌抢庄</p>
								<p v-if="ruleInfo.banker_mode==3">模式：牛牛上庄</p>
								<p v-if="ruleInfo.banker_mode==4">模式：通比牛牛</p>
								<p v-if="ruleInfo.banker_mode==5">模式：固定庄家</p><br>
								<p v-if="ruleInfo.baseScore==1">底分：1分</p>
								<p v-if="ruleInfo.baseScore==2">底分：2分</p>
								<p v-if="ruleInfo.baseScore==3">底分：3分</p>
								<p v-if="ruleInfo.baseScore==4">底分：4分</p>
								<p v-if="ruleInfo.baseScore==5">底分：5分</p><br>
								<p v-if="ruleInfo.timesType==1"> 规则：牛牛x3牛九x2牛八x2</p>
								<p v-if="ruleInfo.timesType==2"> 规则：牛牛x4牛九x3牛八x2牛七x2</p><br>
								<p
									v-if="ruleInfo.isCardbomb==1||ruleInfo.isCardtiny==1||ruleInfo.isCardfive==1||ruleInfo.isCardfour==1||ruleInfo.isCardStraight==1||ruleInfo.isCardFlush==1||ruleInfo.isCardSequence==1||ruleInfo.isCardCalabash==1">
									牌型：
									<span v-if="ruleInfo.isCardfour==1">四花牛(4倍) </span>
									<span v-if="ruleInfo.isCardStraight==1">顺子牛(5倍) </span>
									<span v-if="ruleInfo.isCardfive==1">五花牛(5倍) </span>
									<span v-if="ruleInfo.isCardFlush==1">同花牛(6倍) </span>
									<span v-if="ruleInfo.isCardCalabash==1">葫芦牛(7倍) </span>
									<span v-if="ruleInfo.isCardbomb==1">炸弹牛(8倍) </span>
									<span v-if="ruleInfo.isCardtiny==1">五小牛(8倍) </span>
									<span v-if="ruleInfo.isCardSequence==1">同花顺(10倍) </span>
								</p>
								<p
									v-if="ruleInfo.isCardbomb==1||ruleInfo.isCardtiny==1||ruleInfo.isCardfive==1||ruleInfo.isCardfour==1||ruleInfo.isCardStraight==1||ruleInfo.isCardFlush==1||ruleInfo.isCardSequence==1||ruleInfo.isCardCalabash==1">
									<br></p>
								<p v-if="ruleInfo.ticket==1">局数：12局X3房卡 </p>
								<p v-if="ruleInfo.ticket==2">局数：24局X6房卡</p><br>
								<span v-if="ruleInfo.banker_mode==5">
									<p v-if="ruleInfo.banker_score==1">上庄：无</p>
									<p v-if="ruleInfo.banker_score==2">上庄：300</p>
									<p v-if="ruleInfo.banker_score==3">上庄：500</p>
									<p v-if="ruleInfo.banker_score==4">上庄：1000</p><br>
								</span>

								<p v-if="ruleInfo.bet_type==0">下注：1/2/3/5倍</p>
								<p v-if="ruleInfo.bet_type==1">下注：1/2/4/5倍</p>
								<p v-if="ruleInfo.bet_type==2">下注：1/3/5/8倍</p>
								<p v-if="ruleInfo.bet_type==3">下注：2/4/6/10倍</p>
							</div>

							<div class="user-list">
								<div class="join-user-info" v-for="item in alertText">
									<img v-bind:src="item.avatar">
									<span>{{item.name}}</span>
								</div>
							</div>
						</div>
						<div class="button">
							<!--<div class="return" v-on:click="guestRoom">观战</div>-->
							<div class="return" v-on:click="hall">创建房间</div>
							<div class="join-game" id="joinGame" v-on:click="sitDown">加入游戏</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 提示  -->
			<div class="alert" id="valert" v-show="isShowAlert">
				<div class="alertBack"></div>
				<div class="mainPart">
					<div class="backImg">
						<div class="blackImg"></div>
					</div>

					<div class="alertText">
						<div v-if="alertType==88" style="font-size: 2.2vh">
							<div>你还不是房主的好友,无法加入房间</div>
							<div style="height: 6.6vh;">
								<img v-bind:src="ownerUser.avatar"
									style="position: relative; width: 5vh;height: 5vh;border: .1vh solid yellow;top: .5vh;">
								<span
									style="position: relative; font-size: 2.4vh;line-height: 6.6vh;height: 6.6vh;max-width: 43vw;top: -1.4vh;overflow: hidden;">{{ownerUser.nickname}}</span>

							</div>
						</div>
					</div>

					<div style="color: rgb(149, 100, 77);">{{alertText}}</div>

					<div v-if="alertType==14" style="font-size: 2.2vh">
						<div style="height: 8.0vh;">
							<span style="position: relative;top: 1.4vh; font-size: 2.4vh;line-height: 6.6vh;height: 6.6vh;max-width: 43vw;overflow: hidden;color: rgb(149,100,77);">推荐人：</span>
							<input style="position: relative;top: 1.4vh; width: 40vw;height: 4.6vh;line-height: 4.6vh;font-size: 2.4vh;" type="number" placeholder="请输入推荐人" v-model="recommendCode" v-on:blur="blurIpt">
							<span style="position: relative;top: 1.4vh; font-size: 2.4vh;line-height: 6.6vh;height: 6.6vh;max-width: 43vw;overflow: hidden;color: rgb(149,100,77);">{{recommendMsg}}</span>
						</div>
					</div>

					<div v-if="alertType==88"
						style="position: absolute;width:100%;line-height: 4.2vh;height: 4.2vh;width: 14vh;bottom: 11px;left:50%;margin-left:-7vh;text-align: center;overflow: hidden;">
						<div v-show="applyStatus==0"
							style="border-radius: 2vh;background-color: #EE7942;color: #fff;font-size: 16px;"
							v-on:click="applyToJoin">确定</div>
						<div v-show="applyStatus==1"
							style="border-radius: 2vh;background-color: #6f6363;color: #fff;font-size: 16px;">申请中</div>
					</div>
					<div v-show="alertType==2">
						<div class="buttonMiddle" v-on:click="hall">创建房间</div>
					</div>

					<div v-show="alertType==3">
						<div class="buttonLeft" v-on:click="hall">返回大厅</div>
						<div class="buttonRight" v-on:click="closeAlert">取消</div>
					</div>

					<div v-show="alertType==4">
						<div class="buttonLeft" v-on:click="hall">创建房间</div>
						<div class="buttonRight" v-on:click="sitDown">加入游戏</div>
					</div>
					<div v-show="alertType==7">
						<div class="buttonMiddle" v-on:click="hall">返回大厅</div>
					</div>
					<div v-show="alertType==8">
						<div class="buttonLeft" v-on:click="closeAlert">取消</div>
						<div class="buttonRight" v-on:click="gameover">下庄</div>
					</div>
					<div v-show="alertType==9">
						<div class="buttonMiddle" v-on:click="closeAlert">确定</div>
					</div>
					<div v-show="alertType==10">
						<div class="buttonMiddle" v-on:click="closeAlert">确定</div>
					</div>
					<div v-show="alertType==11">
						<div class="buttonMiddle" v-on:click="closeAlert">知道了</div>
					</div>
					<div v-show="alertType==12">
						<div class="buttonMiddle" v-show="applyStatus==0" v-on:click="applyFriend">申请好友</div>
						<div class="buttonMiddle" v-show="applyStatus==1">申请中...</div>
					</div>
					<div v-show="alertType==13">
						<div class="buttonMiddle" v-show="applyStatus==0" v-on:click="applyClub">申请加入俱乐部</div>
						<div class="buttonMiddle" v-show="applyStatus==1">申请中...</div>
					</div>
					<div v-show="alertType==14">
						<div class="buttonMiddle" v-show="applyStatus==0" v-on:click="applyUnion">申请加入联盟</div>
						<div class="buttonMiddle" v-show="applyStatus==1">申请中...</div>
					</div>
					<div v-show="alertType==18">
					</div>

					<div v-show="alertType==31">
						<div class="buttonMiddle" v-on:click="reloadView()">确定</div>
					</div>

				</div>
			</div>

			<div class="alertTip" v-show="isShowAlertTip">
				<div class="alertTipBG"></div>
				<img src="./files/images/common/alertTipOk.png" v-show="alertTipType==1">
				<img src="./files/images/common/alertTipWarn.png" v-show="alertTipType==2">
				<div class="alertTipText">{{alertTipText}}</div>
			</div>

			<!-- 排行 -->
			<div class="ranking hideRanking" id="ranking" style="z-index: 1">
				<div class="rankBack">
					<img crossOrigin="Anonymous" src="./files/images/bull/rank_bg.jpg"
						style="position: absolute;top: 0;left: 0;width: 100%">
				</div>

				<div class="rankText" style="position: absolute;top: 4%;">
					<img crossOrigin="Anonymous" src="./files/images/nbull/rank_frame.png"
						style="position: absolute; top: .8rem; left: 23vw; width: 155vw; height: 9.5rem;">
					<img crossorigin="Anonymous" src="./files/images/nbull/jiesuan.png"
						style="position: absolute; top: 0.8rem; left: 1.6rem; width: 4rem;">
					<div class="time" v-show="playerBoard.round>0" style="position: absolute;top: 74vw;width: 100%;">
						<a
							style="border-color: #247ed8;background-color: #fff;font-size: 6vw;color:#000">房间号:{{game.room_number}}&nbsp&nbsp&nbsp&nbsp{{playerBoard.record}}&nbsp&nbsp&nbsp&nbsp{{game.total_num}}局</a>
					</div>
					<div style="height: 94vw;"></div>
					<div v-for="p in playerBoard.score" class="scoresItem"
						v-bind:class="{true: 'scoresItemYellow', false: 'scoresItemWhite'}[p.account_score>0]"
						v-show="p.account_id>0"
						style="background-color:rgba(0,0,0,0.5);width:60%;border-radius:10px;border:2px solid #fff5c8;height: 11vw; line-height: 11vw;">
						<img crossOrigin="Anonymous" src="./files/images/common/rank_bigwinner.png"
							style="top: 0; margin-top: -2.5vw; left: 4px;height: 120%" v-show="p.isBigWinner==1">
						<div class="name" style="white-space: nowrap;left:10%;text-overflow: ellipsis;width: 55%;">{{p.nickname}}
						</div>
						<div class="currentScores"><a v-show="p.account_score>0">+</a>{{p.account_score}}</div>
					</div>
				</div>
				<div class="button roundEndShow" style="bottom:.8rem">
					<img crossOrigin="Anonymous" src="./files/images/common/rank_save.png"
						style="float: left;margin-left: 13%;width: 30%" />
					<img crossOrigin="Anonymous" src="./files/images/common/datinganj.png"
						style="float: left;margin-left: 1%;width: 12%;margin-top: 2%;z-index:99" />
					<img crossOrigin="Anonymous" src="./files/images/common/rank_review.png"
						style="float: right;margin-right: 13%;width: 30%" />
				</div>
			</div>

			<!-- end图片  -->
			<div id="endCreateRoom" class="end"
				style="position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 120;display: none;">
				<img src="" style="width: 100vw;position: absolute;top:0;left: 0;height: 100vh;" id="end"
					usemap="#planetmap1" />
				<div id="endCreateRoomBtn"
					style="position:fixed;right:13vw; width: 30vw; height: 10vw;bottom: .55rem;z-index:121;overflow: hidden;"
					v-on:click="reviewCard()"></div>
				<div id="endCreateRoomBtn"
					style="position:fixed;right:46vw; width: 10vw; height: 10vw;bottom: .45rem;z-index:121;overflow: hidden;"
					onclick="gotoHall()"></div>
			</div>
			<!-- 新消息  -->
			<div class="chat-list-mask" v-on:click="hideMessage" v-show="isShowNewMessage"></div>
			<div class="chat-list" id="newmessage-box" v-show="isShowNewMessage">
				<ul class="chat-list-ul">
					<li v-on:click="messageOn(0)">快点吧，我等到花儿也谢了</li>
					<li v-on:click="messageOn(1)">我出去叫人</li>
					<li v-on:click="messageOn(2)">你的牌好靓哇</li>
					<li v-on:click="messageOn(3)">我当年横扫澳门九条街</li>
					<li v-on:click="messageOn(4)">算你牛逼</li>
					<li v-on:click="messageOn(5)">别吹牛逼，有本事干到底</li>
					<li v-on:click="messageOn(6)">输得裤衩都没了</li>
					<li v-on:click="messageOn(7)">我给你们送温暖了</li>
					<li v-on:click="messageOn(8)">谢谢老板</li>
					<li v-on:click="messageOn(9)">我来啦，让你们久等了</li>
					<li v-on:click="messageOn(10)">我出去一下，马上回来，等我哦</li>
					<li v-on:click="messageOn(11)">怎么断线了，网络太差了</li>
					<li v-on:click="messageOn(12)">搏一搏，单车变摩托</li>
				</ul>
			</div>

			<!-- 消息  	-->
			<!--<div class="message" v-show="isShowMessage" >
        <div class="messageBack" v-on:click="hideMessage"></div>
        <div class="textPartOuter"></div>
        <div id="message-box" class="textPart" v-bind:style="'height: ' + 0.39 * height + 'px;'">
            <div id="scroll-box" class="textList" style="width: 100%;">
                <div class="textItem" v-for="m in message" v-on:click="messageOn(m.num)">{{m.text}}</div>
            </div>
        </div>
    </div>-->

			<!-- end图片  -->
			<div class="end"
				style="position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 110;display: none;overflow: hidden;">
				<img src="" style="width: 100vw;position: absolute;top:0;left: 0;height: 100vh;" id="end"
					usemap="#planetmap1" />
			</div>



			<!-- 新规则  -->
			<div class="rules-mask" v-show="ruleInfo.isShowNewRule">
				<div class="content">
					<div class="rule-title"></div>
					<div class="niuniu-rules">
						<div class="flex-cont" data-pos="0">
							<div class="name">模式：</div>
							<div class="flex-item" v-if="ruleInfo.banker_mode==1"><span class="zhuangType">自由抢庄</span></div>
							<div class="flex-item" v-if="ruleInfo.banker_mode==2"><span class="zhuangType">固定庄家</span>
							</div>
						</div>
						<div class="flex-cont" data-pos="1">
							<div class="name">上庄：</div>
							<div class="flex-item" v-if="ruleInfo.score_type==1"><span>500分</span></div>
							<div class="flex-item" v-if="ruleInfo.score_type==2"><span>1000分</span></div>
							<div class="flex-item" v-if="ruleInfo.score_type==3"><span>1500分</span></div>
							<div class="flex-item" v-if="ruleInfo.score_type==4"><span>无限制</span>
							</div>
						</div>
						<div class="flex-cont" data-pos="2">
							<div class="name">筹码：</div>
							<div v-if="ruleInfo.chip_type==0" class="flex-item"><span>5,10,20,30</span></div>
							<div v-if="ruleInfo.chip_type==1" class="flex-item"><span>10,20,30,50</span></div>
							<div v-if="ruleInfo.chip_type==2" class="flex-item"><span>20,30,50,80</span></div>
							<div v-if="ruleInfo.chip_type==3||ruleInfo.chip_type==4" class="flex-item"><span>30,50,80,100</span></div>
						</div>

						<div class="flex-cont" data-pos="3">
							<div class="name">规则：</div>
							<div class="flex-item" v-if="ruleInfo.rule_type==1"><span>无二八杠</span></div>
							<div class="flex-item" v-if="ruleInfo.rule_type==2"><span>二八杠2倍</span></div>
							<div class="flex-item" v-if="ruleInfo.rule_type==3"><span>二八杠3倍</span></div>
						</div>
						<div class="flex-cont" data-pos="4">
							<div class="name">局数：</div>
							<div class="flex-item" v-if="ruleInfo.ticket==1"><span>4×2局X1张房卡</span></div>
							<div class="flex-item" v-if="ruleInfo.ticket==2"><span>8×2局X2张房卡</span></div>
						</div>
						<div class="flex-cont rules-title">玩法</div>
						<div class="rules-text">
							<p>牌型大小：对白版>对子>二八杠>九点半>九点...>零点。</p>
							<p>牌型算法：牌面点数相加取个位数，如：一筒+七筒为八点。九筒+白板为九点半。除二筒+八筒为二八杠，其它相加为10的都是零点。</p>
							<p>分数算法：对白版四倍，对子三倍，八点及以上为两倍，二八杠自定义倍数，其余为一倍。</p>
							<p>得分规则：牌面大的优先得分；牌面相同，押注总额大的优先得分；牌面和押注总额相同，先押注的优先得分。</p>
							<p>注意：庄家和闲家牌一样时，庄家赢。</p>
						</div>
					</div>
					<div class="close" v-on:click="cancelGameRule"></div>
				</div>
			</div>


			<!-- 游戏规则-->
			<div class="createRoom" id="vroomRule" v-show="ruleInfo.isShowRule" v-on:click="cancelGameRule">
				<div class="createRoomBack"></div>
				<div class="mainPart">
					<div class="createB"></div>
					<div class="createTitle">
						<img src="./files/images/common/txt_rule.png" />
					</div>

					<img src="./files/images/common/cancel.png" class="cancelCreate" v-on:click="cancelGameRule" />

					<div class="blueBack">
						<div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;">
							<div class="selectTitle">模式：</div>
							<div class="selectList">
								<div class="selectItem" v-if="ruleInfo.banker_mode==1">
									<div class="selectText">自由抢庄</div>
								</div>
								<div class="selectItem" v-if="ruleInfo.banker_mode==2">
									<div class="selectText">固定庄家</div>
								</div>
							</div>
						</div>


						<div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;" v-if="ruleInfo.banker_mode==2">
							<div class="selectTitle">上庄：</div>
							<div class="selectList">
								<div class="selectItem" v-if="ruleInfo.score_type==1">
									<div class="selectText">500分</div>
								</div>
								<div class="selectItem" v-if="ruleInfo.score_type==2">
									<div class="selectText">1000分</div>
								</div>
								<div class="selectItem" v-if="ruleInfo.score_type==3">
									<div class="selectText">1500分</div>
								</div>
								<div class="selectItem" v-if="ruleInfo.score_type==4">
									<div class="selectText">无限制</div>
								</div>
							</div>
						</div>

						<div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;" v-if="ruleInfo.banker_mode==1">
							<div class="selectTitle">筹码：</div>
							<div class="selectList">
								<div class="selectItem" v-if="ruleInfo.chip_type==0">
									<div class="selectText">5,10,20,30</div>
								</div>
								<div class="selectItem" v-if="ruleInfo.chip_type==1">
									<div class="selectText">10,20,30,50</div>
								</div>
								<div class="selectItem" v-if="ruleInfo.chip_type==2">
									<div class="selectText">20,30,50,80</div>
								</div>
								<div class="selectItem" v-if="ruleInfo.chip_type==3||ruleInfo.chip_type==4">
									<div class="selectText">30,50,80,100</div>
								</div>
							</div>
						</div>

						<div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;">
							<div class="selectTitle">规则：</div>
							<div class="selectList">
								<div class="selectItem" v-if="ruleInfo.rule_type==1">
									<div class="selectText">无二八杠</div>
								</div>
								<div class="selectItem" v-if="ruleInfo.rule_type==2">
									<div class="selectText">二八杠2倍</div>
								</div>
								<div class="selectItem" v-if="ruleInfo.rule_type==3">
									<div class="selectText">二八杠3倍</div>
								</div>
							</div>
						</div>


						<div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;">
							<div class="selectTitle">局数：</div>
							<div class="selectList">
								<div class="selectItem" style="margin-left:12px;" v-if="ruleInfo.ticket==1">
									<div class="selectText">4×2局X1张门票</div>
								</div>
								<div class="selectItem" style="margin-left:12px;" v-if="ruleInfo.ticket==2">
									<div class="selectText">8×2局X2张门票</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>


			<!-- 游戏玩法 -->
			<div class="ruleRoom" id="vplayRule" v-show="isShowIntro" v-on:click="closeIntro">
				<div class="ruleRoomBack"></div>
				<div class="ruleRoomMainPart">
					<div class="ruleB"></div>
					<img src="./files/images/common/cancel2.png" class="cancelRule" v-on:click="closeIntro" />

					<div class="frameBack">

						<div class="ruleItem">
							牌型大小：对白版>对子>二八杠>九点半>九点...>零点。<br><br>
							牌型算法：牌面点数相加取个位数，如：一筒+七筒为八点。九筒+白板为九点半。除二筒+八筒为二八杠，其它相加为10的都是零点。<br><br>
							分数算法：对白版四倍，对子三倍，八点及以上为两倍，二八杠自定义倍数，其余为一倍。<br><br>
							得分规则：牌面大的优先得分；牌面相同，押注总额大的优先得分；牌面和押注总额相同，先押注的优先得分。<br><br>
							注意：庄家和闲家牌一样时，庄家赢。
						</div>


					</div>
				</div>
			</div>

			<!-- 设置音频 -->
			<!-- <div class="audioRoom" id="vaudioRoom" v-show="editAudioInfo.isShow">
        <div class="audioRoomBack" v-on:click="cancelAudioSetting"></div>
        <div class="mainPart" >
            <div  class="createB"></div>
            <div class="createTitle" style="height:4vh;">
            </div>

            <img src="./files/images/common/cancel.png" class="cancelCreate" v-on:click="cancelAudioSetting"/>

            <div class="blueBack"> -->
			<!--<div class="selectPart" style="top: 0px;height:4vh;line-height:4.1vh;">
                    <div class="selectTitle" style="width: 100%;font-size: 2vh; text-align: center;color: #7dd9ff; background-color: #143948;opacity: 1.0">点击确定后生效</div>
                </div>  -->
			<!--  <div style="height:0.5vh;"></div>

                <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
                    <div class="selectTitle">背景音乐：</div>
                    <div class="selectList" >
                        <div class="selectItem" style="margin-left:10px;" v-on:click="setBackMusic" >
                            <div class="selectBox"></div>
                            <img src="./files/images/common/tick.png" v-show="editAudioInfo.backMusic==1"/>
                            <div class="selectText">开启</div>
                        </div>
                    </div>
                </div>

                <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
                    <div class="selectTitle">游戏音效：</div>
                    <div class="selectList" >
                        <div class="selectItem" style="margin-left:10px;" v-on:click="setMessageMusic">
                            <div class="selectBox"></div>
                            <img src="./files/images/common/tick.png" v-show="editAudioInfo.messageMusic==1"/>
                            <div class="selectText">开启</div>
                        </div>
                    </div>
                </div>

                <div class="createCommit" v-on:click="confirmAudioSetting" >确定</div>

            </div>
        </div>
    </div> -->
			<div class="audioRoom-pj" id="vaudioRoom" v-show="editAudioInfo.isShow">
				<div class="audioRoomBack" v-on:click="cancelAudioSetting"></div>
				<div class="mainPart">
					<div class="createB"></div>
					<div class="createTitle" style="height:4vh;"></div>
					<img src="./files/images/common/icon-close.png" class="cancelCreate" v-on:click="cancelAudioSetting" />
					<div class="blueBack">
						<div style="height:0.5vh;"></div>

						<div class="selectPart">
							<div class="selectTitle">背景音乐：</div>
							<div class="selectBox" v-on:click="setBackMusic">
								<img src="./files/images/common/vol-full.png" v-show="editAudioInfo.backMusic==1">
								<img src="./files/images/common/vol-empty.png" v-show="editAudioInfo.backMusic!=1">
							</div>
							<div class="selectText" v-on:click="setBackMusic">
								<img src="./files/images/common/bg-sound-true.png" v-show="editAudioInfo.backMusic==1">
								<img src="./files/images/common/bg-sound-false.png" v-show="editAudioInfo.backMusic!=1">
							</div>
						</div>
						<div class="selectPart">
							<div class="selectTitle">游戏音效：</div>
							<div class="selectBox" v-on:click="setMessageMusic">
								<img src="./files/images/common/vol-full.png" v-show="editAudioInfo.messageMusic==1">
								<img src="./files/images/common/vol-empty.png" v-show="editAudioInfo.messageMusic!=1">
							</div>
							<div class="selectText" v-on:click="setMessageMusic">
								<img src="./files/images/common/music-true.png" v-show="editAudioInfo.messageMusic==1">
								<img src="./files/images/common/music-false.png" v-show="editAudioInfo.messageMusic!=1">
							</div>
						</div>
					</div>
				</div>
			</div>

			<div style="display: none;">
				<img src="./files/images/erba/card5.png">

				<img src="./files/images/erba/card10.png">
				<img src="./files/images/erba/card20.png">
				<img src="./files/images/erba/card30.png">
				<img src="./files/images/erba/card40.png">
				<img src="./files/images/erba/card50.png">
				<img src="./files/images/erba/card60.png">
				<img src="./files/images/erba/card70.png">
				<img src="./files/images/erba/card80.png">
				<img src="./files/images/erba/card90.png">
			</div>
		</div>

	</body>
	<script type="text/javascript" src="./files/js/canvas.js"></script>

	<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	<script type="text/javascript" src="./files/js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="./fiesc/js/qrcode.min.js"></script>	
	<script type="text/javascript" src="./files/js/bscroll.js"></script>
	<script type="text/javascript" src="./files/js/vue.min.js"></script>
	<script type="text/javascript" src="./files/js/vue-resource.min.js"></script>
	<script type="text/javascript" src="./files/js/ds/erba.js?v=123"></script>
	<script src="./files/js/fuzhi_xl.js?v=22821"></script>
	<script src="./files/js/clipboard.min.js"></script>
	<script type="text/javascript">
		document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
			// 通过下面这个API隐藏右上角按钮
			WeixinJSBridge.call('hideOptionMenu');
		});
	</script>
</html>